<div class="modal fade" id="published-cu">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">Published</h4>
            </div>
            <div class="modal-body">
                <table class="table-form">
                    <tr>
                        <td>
                            <chkbox-product-all class="product-check-all"
                                                ng-class="{'checked':statusFlag.productCheckAll}">
                            </chkbox-product-all>
                            Product Family
                        </td>
                        <td>
                            <chkbox-cu-all class="cu-check-all" ng-class="{'checked':statusFlag.cuCheckAll}">
                            </chkbox-cu-all>
                            CU Ref

                            <button type="button" class="btn btn-danger pull-right btn-delete"
                                    ng-click="deleteCusBtn($event)">
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="search-wrap product">
                                <div class="search-box">
                                    <input type="text" class="form-control autoSearch" placeholder="Search..."
                                           ng-change="iptSearchProductChange()" ng-model="publishData.searchProduct">
                                </div>
                                <div class="list-group checkbox-box" bindonce>
                                    <a href="javascript:void(0)" class="checkbox list-group-item"
                                       product-item delete-product-last-repeat
                                       ng-show="!publishData.searchProduct || ([item.product]|filter:publishData.searchProduct).length"
                                       ng-repeat="item in publishData.products">
                                        <!--| filter:{product:publishData.searchProduct}-->
                                        <chk-product-box bo-attr bo-attr-data-id="item.product"
                                                         ng-class="{'hidden': statusFlag.isDelete,'checked':item.checkStatus}">
                                        </chk-product-box>
                                        <span bo-text="item.product"></span>
                                    </a>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="search-wrap cu-ref">
                                <div class="search-box">
                                    <input type="text" class="form-control autoSearch" ng-change="iptSearchCuChange()"
                                           ng-model="publishData.searchCu" placeholder="Search...">
                                </div>
                                <div class="checkbox-box" bindonce>
                                    <div class="checkbox" ng-repeat="curefs in publishData.curefs"
                                         ng-show="!publishData.searchCu || ([curefs.cu]|filter:publishData.searchCu).length">

                                        <chk-cu-box
                                                ng-class="{'checked':curefs.checkStatus,'hidden': statusFlag.isDelete}">
                                        </chk-cu-box>
                                        <span bo-text="curefs.cu"></span>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <div class="modal-body-cover"></div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-confirm" id="save-delete-cu"
                        ng-click="saveDeleteCu($event)">OK
                </button>
                <button type="button" class="btn btn-default btn-confirm" data-dismiss="modal">Cancel</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div><!-- /.modal -->